<template>
<div class="error">
  <error-content code="404" desc="Oh~~您没有权限访问该页面~" :src="src"/>
</div>
</template>

<script>
import error404 from '@/assets/img/error-page/error-404.svg'
import errorContent from './error-content.vue'
export default {
  name: 'error_404',
  components: {
    errorContent
  },
  data() {
    return {
      src: error404
    }
  }
}
</script>
<style>
.error {
  width: 800px;
  height: 600px;
  margin: 0 auto;
  box-sizing: border-box;
}
</style>